<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./lib/iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/shopCart.css">
</head>
<body>
    <header class="top">
        <span class="iconfont icon-arrow-left"></span>
        <div class="text fw">
            <p>购物车</p> 
        </div>
        </header>
       
   <main>
       <section>
           <ul>
            <li>
                <span class="select">✔</span>
                <div class="right">
                  <img src="./images/shop-list-img01.webp" alt="" />
                  <div class="txtbox">
                    <p>Apple iPad 平板电脑</p>
                    <p>颜色分类：8GB+ 128GB版</p>
                    <div>
                      <span class="colore43130">￥<span class="price">2999.00</span></span>
      
                      <p>
                        <span class="reducebtn">-</span>
                        <input type="number" class="num" value="1" />
                        <span class="addbtn">+</span>
                      </p>
                    </div>
                  </div>
                </div>
              </li>
              <li>
                <span class="select">✔</span>
                <div class="right">
                  <img src="./images/shop-list-img01.webp" alt="" />
                  <div class="txtbox">
                    <p>Apple iPad 平板电脑</p>
                    <p>颜色分类：8GB+ 128GB版</p>
                    <div>
                      <span class="colore43130">￥<span class="price">2999.00</span></span>
      
                      <p>
                        <span class="reducebtn">-</span>
                        <input type="number" class="num" value="1" />
                        <span class="addbtn">+</span>
                      </p>
                    </div>
                  </div>
                </div>
              </li>
              <li>
                <span class="select">✔</span>
                <div class="right">
                  <img src="./images/shop-list-img01.webp" alt="" />
                  <div class="txtbox">
                    <p>Apple iPad 平板电脑</p>
                    <p>颜色分类：8GB+ 128GB版</p>
                    <div>
                      <span class="colore43130">￥<span class="price">2999.00</span></span>
      
                      <p>
                        <span class="reducebtn">-</span>
                        <input type="number" class="num" value="1" />
                        <span class="addbtn">+</span>
                      </p>
                    </div>
                  </div>
                </div>
              </li>
           </ul>
       </section>
       <section id="orderinfo">
        <span class="allselect">✔</span>
       <span> 已经选(<span class="sum1">0</span>) </span><span>合计:¥
            <span id="totalmoney" class="colore43130">0.00</span>
        </span>
        <button type="button">
            去结算
        </button>
      </section>
        <section class="dx">
                <span></span>
                <p>我也是有底线的</p>
                <span></span>
            </section>
   </main>
    <footer class="footer">
            <ul>
                <li>
                    <a href="./index.html" class="">
                        <span class="iconfont icon-ziyuan"></span>
                        <p>首页</p>
                    </a>
                </li>
                <li>
                    <a href="./sort.html" class="">
                        <span class="iconfont icon-fenlei"></span>
                        <p>分类</p>
                    </a>
                </li>
                <li>
                    <a href="./shopCart.html" class="active">
                        <span class="iconfont icon-gouwuche"></span>
                        <p>购物车</p>
                    </a>
                </li>
                <li>
                    <a href="./my.html" class="">
                        <span class="iconfont icon-wode"></span>
                        <p>我的</p>
                    </a>
                </li>
            </ul>
        </footer>
        <script src="./lib/jquery/jquery.js"></script>
        <script src="js/common.js"></script>
    <script src="js/shopCart.js"></Script>
</body>
</html>